<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalble=no">
	<meta name="author" content="Chiangyibo">
	<meta name="keywords" content="软件开发服务,软件测试服务,软件本地化和全球化,业务流程外包服务,技术培训服务,研发中心服务,核心银行业务,信用卡业务,银行测试业务,影像产品,通讯领域,无线与手机,数据仓库"/>
	<meta name="description" content="上海华钦信息科技股份有限公司成立于2004年，是ChinaLink集团全资子公司，在上海、大连、北京均设有分支机构。上海华钦始终致力于服务金融业，在银行核心业务、信用卡业务、银行测试等方面积累了丰富的项目经验，为高端客户提供高质量的解决方案及软件外包服务。我们在VisionPlus、 CardLink、CardPac等信用卡和Mainframe OS/390 技术领域方面，拥有国内最大的开发团队，现有超过300余名专业技术工程师为客户提供直接和高附加值的各类专业服务。上海华钦有能力为客户提供包括行业解决方案、软件服务外包、业务流程外包（BPO）、专业技术培训和人力资源支持等系列化服务"/>
	<title>上海华钦信息科技股份有限公司</title>
	<link rel="shortcut icon" type="image/x-icon" href="images/logoIcon.ico">
	<link rel="stylesheet"  href="style/base.css">
	<link rel="stylesheet"  href="style/style2.css">
	<script src="bootstrap/jquery-3.1.1.min.js"></script>
	<link rel="stylesheet" href="bootstrap/bootstrap.min.css">
	<script src="bootstrap/bootstrap.min.js"></script>

</head>
<body>
	<nav class="navbar navbar-default navbar-fixed-top" id="header">
		<div class="container">
			<div class="navbar-header">
				<a href="index.html" class="navbar-brand logo"><img src="images/logo.png" alt="上海华钦信息科技股份有限公司"></a>
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
			</div>
			<div class="collapse navbar-collapse" id="navbar-collapse">
				<ul class="nav navbar-nav navbar-right">
					<li class="a">
						<a href="index.html">首页</a>
					</li>
					<li class="visible-md visible-lg">|</li>
					<li class="a" id="nv1">
						<a href="#">业务领域</a>
						<ul id="menu1">
							<li><a>核心银行业务</a></li>
							<li><a>信用卡业务</a></li>
							<li><a>银行测试业务</a></li>
							<li><a>手机银行业务</a></li>
							<li><a>数据仓库业务</a></li>
							<li><a>银行实训业务</a></li>
						</ul>
					</li>
					<li class="visible-md visible-lg">|</li>
					<li class="a" id="nv2">
						<a href="#">技术领域</a>
						<ul id="menu2">
							<li><a>技术领域</a></li>
						</ul>
					</li>
					<li class="visible-md visible-lg">|</li>
					<li class="a" id="nv3">
						<a href="#">服务体系</a>
						<ul id="menu3">
							<li><a>软件开发服务</a></li>
							<li><a>软件测试服务</a></li>
							<li><a>本地化和全球化</a></li>
							<li><a>业务流程服务</a></li>
							<li><a>技术培训服务</a></li>
							<li><a>离岸交付中心</a></li>
						</ul>
					</li>
					<li class="visible-md visible-lg">|</li>
					<li class="a" id="nv4">
						<a href="#">关于我们</a>
						<ul id="menu4">
							<li><a>关于华软</a></li>
							<li><a>公司发展</a></li>
							<li><a>公司愿景</a></li>
							<li><a>公司使命</a></li>
							<li><a>公司文化</a></li>
							<li><a>公司荣誉</a></li>
							<li><a>联系我们</a></li>
							<li><a>公司动态</a></li>
							<li><a>员工登录</a></li>
						</ul>
					</li>
					<li class="visible-md visible-lg">|</li>
					<li class="a hidden-sm" id="nv5">
						<a href="#">职业规划</a>
						<ul id="menu5">
							<li><a>职业规划</a></li>
						</ul>
					</li>
				</ul>	
			</div>
		</div>
	</nav>
	




	<div id="myCarousel" class="carousel slide">
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1"></li>
			<li data-target="#myCarousel" data-slide-to="2"></li>
			<li data-target="#myCarousel" data-slide-to="3"></li>
		</ol>
		<div class="carousel-inner">
			<div class="item active">
				<img src="images/b_01.jpg" alt="第一张">
			</div>
			<div class="item">
				<img src="images/b_02.jpg" alt="第二张">
			</div>
			<div class="item">
				<img src="images/b_03.jpg" alt="第三张">
			</div>
			<div class="item">
				<img src="images/b_04.jpg" alt="第四张">
			</div>
		</div>
		<a href="#myCarousel" data-slide="prev" class="carousel-control left">
			<span>&lt;</span>
		</a>
		<a href="#myCarousel" data-slide="next" class="carousel-control right">
			<span>&gt;</span>
		</a>
	</div>


	<div id="cont">
		<div class="tab1">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-6 col-xs-12 aa">
						<img src="images/img_1_469x286.jpg" class="img-responsive center-block" alt="">
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12 txt">
						<h2>业务领域</h2>
						<p>银行、信用卡、互联网金融以及大数据领域，	华钦科技拥有全球最前沿的业务理解及解决方案...</p>
						<a href="#">了解详情 +</a>
					</div>
				</div>
			</div>
		</div>

		<div class="tab2">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-6 col-xs-12 txt">
						<h2>技术领域</h2>
						<p>涵盖传统主流、新兴前沿、特殊稀缺技术，	华钦科技实现国际视野与本地实施的完美结合...</p>
						<a href="#">了解详情 +</a>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12 aa">
						<img src="images/img_2_383x226.jpg" class="img-responsive center-block" alt="">
					</div>
				</div>
			</div>
		</div>
	
		<div class="tab3">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-6 col-xs-12 aa">
						<img src="images/img_3_473x319.jpg" class="img-responsive center-block" alt="">
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12 txt">
						<h2>关于我们</h2>
						<strong>愿景：</strong><p>华钦科技致力于成为世界级金融 IT 咨询、服务及解决方案提供商。</p>
						<strong>使命：</strong><p>华钦科技专注为全球客户提供高品质金融IT服务，让IT驱动企业创新，引领创意未来。</p>
						<strong>核心价值观：</strong><p>华钦科技秉承“以人为本、坦诚勤奋、认真负责”的精神，为员工创造价值，与客户实现共赢。</p>
						<a href="#">了解详情 +</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="footer">
		<div class="container">
			<div class="row">
				<div class="col-md-4 col-sm-6 col-xs-6 business">
					<p>业务洽谈：bd@clpsglobal.com</p>
					<ul class="fl">
						<li class="fl">
							<a href="#" class="wx"></a>
						</li>
						<li class="fl"><a href="#" class="f"></a></li>
						<li class="fl"><a href="#" class="in"></a></li>
						<li class="fl"><a href="#" class="tw"></a></li>
						<li class="fl"><a href="#" class="sina"></a></li>
					</ul>
					<div id="QR"></div>
				</div>
				<div class="col-md-2 col-sm-6 col-xs-6 link1 clearfix">
					<dl class="fl">
						<dt><a href="#">我们的服务</a></dt>
						<dd><a href="#">软件开发服务</a></dd>
						<dd><a href="#">软件测试服务</a></dd>
						<dd><a href="#">软件本地化和全球化</a></dd>
						<dd><a href="#">业务流程外包服务（BPO）</a></dd>
						<dd><a href="#">技术培训服务</a></dd>
						<dd><a href="#">离岸交付中心（ODC）</a></dd>
					</dl>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-6 link2 clearfix">
					<dl class="fl">
						<dt><a href="#">业务领域</a></dt>
						<dd><a href="#">核心银行业务</a></dd>
						<dd><a href="#">信用卡业务</a></dd>
						<dd><a href="#">银行测试业务</a></dd>
						<dd><a href="#">手机银行业务</a></dd>
						<dd><a href="#">数据仓库业务</a></dd>
						<dd><a href="#">银行实训业务</a></dd>
					</dl>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-6 link3 clearfix">
					<dl class="fl">
						<dt><a href="#">我们的服务</a></dt>
						<dd><a href="#">软件开发服务</a></dd>
						<dd><a href="#">软件测试服务</a></dd>
						<dd><a href="#">软件本地化和全球化</a></dd>
						<dd><a href="#">业务流程外包服务（BPO）</a></dd>
						<dd><a href="#">技术培训服务</a></dd>
						<dd><a href="#">离岸交付中心（ODC）</a></dd>
					</dl>
				</div>
			</div>
		</div>
		<div class="copyright">
			<p>版权所有Copyright © 2009-2017　上海华钦信息科技股份有限公司　沪ICP备13032820号-1</p>
		</div>
	</div>

	<script>

		//下拉菜单为防止抖动先stop一直再执行
		$('#nv1').hover(function(){
			$('#menu1').stop().slideDown();},
			function(){
			$('#menu1').stop().slideUp();
		});
		$('#nv2').hover(function(){
			$('#menu2').stop().slideDown();},
			function(){
			$('#menu2').stop().slideUp();
		});
		$('#nv3').hover(function(){
			$('#menu3').stop().slideDown();},
			function(){
			$('#menu3').stop().slideUp();
		});
		$('#nv4').hover(function(){
			$('#menu4').stop().slideDown();},
			function(){
			$('#menu4').stop().slideUp();
		});
		$('#nv5').hover(function(){
			$('#menu5').stop().slideDown();},
			function(){
			$('#menu5').stop().slideUp();
		});
		
	


		$('.wx').hover(function(){
			$('#QR').css('display','block');
		},function(){
			$('#QR').css('display','none');
		});
			
	



		//轮播自动播放 bootstrap自带插件
		$('#myCarousel').carousel({
			//自动4秒播放
			interval : 4000,
		});

		//设置< >垂直居中
		$('.carousel-control').css('line-height', $('.carousel-inner img').height() + 'px');
		$(window).resize(function () {
			var Height = $('.carousel-inner img').eq(0).height() || 
						  $('.carousel-inner img').eq(1).height() || 
						  $('.carousel-inner img').eq(2).height();
			$('.carousel-control').css('line-height', Height + 'px');
		});




	</script>
</body>
</html>


